// 此时引用的vue文件是一个不完整的vue文件，内部没有编译的代码
// import Vue from "vue";
import Vue from "vue/dist/vue.esm";
import App from "./App.vue";
Vue.config.productionTip = false;
/*
  ● 一个组件/VM要想显示界面, 必须要定义render函数返回虚拟DOM来指定要显示的界面
  ● 如果没有指定render, 也可以通过template来指定模板, 内部会编译生成render函数
*/
console.log(Vue);
new Vue({
  // render: (h) => h(App),
  // render: function (h) {
  //   // h函数 vue内部提供的一个函数也就是createElement函数，专门用来生成虚拟DOM
  //   const VDOM = h(App);
  //   // 使用jsx形式创建虚拟DOM
  //   const VDOM2 = (
  //     <div id="p">
  //       <p>123</p>
  //     </div>
  //   );
  //   console.log(VDOM);
  //   console.log(VDOM2);
  //   return VDOM;
  // },
  data: {
    msg: "hello",
  },
  template: `
    <div>
      <p>{{msg}}</p>
      <span>11111</span>
    </div>
  `,
  components: {
    App,
  },
}).$mount("#app");
